<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en-US">
<!--<![endif]-->

<head>
<!-- META TAGS -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>人人为我，我为人人</title>

<link rel="shortcut icon" href="images/favicon.png" />

<!-- Style Sheet-->
<link rel="stylesheet" href="style.css" />
<link rel='stylesheet' id='bootstrap-css-css'
	href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css-css'
	href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='pretty-photo-css-css'
	href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css'
	media='all' />
<link rel='stylesheet' id='main-css-css' href='css/main5152.css?ver=1.0'
	type='text/css' media='all' />
<link rel='stylesheet' id='custom-css-css'
	href='css/custom5152.html?ver=1.0' type='text/css' media='all' />

<!-- layui css -->
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
                <script src="js/html5.js"></script></script>
                <![endif]-->



</head>

<body>

	<!-- Start of Header -->
	<div class="header-wrapper">
		<header>
			<div class="container">

				<div class="logo-container">
					<!-- Website Logo -->
					<!-- Website Logo -->
					<a href="index-2.html" title="解惑,是我们的乐趣!"> <!--<img src="images/logo.png" alt="Knowledge Base Theme">-->
						<h3 style="display: inline; color: #FFFFFF; line-height: 20px;">知之</h3>
					</a> <span class="tag-line">知之为知之,不知为不知,是知也。</span>
				</div>

				<!-- Start of Main Navigation -->
				<nav class="main-nav">
					<div class="menu-top-menu-container">
						<ul id="menu-top-menu" class="clearfix">
							<li><a href="index-2.html">首页</a></li>
							<li><a href="home-categories-description.html">百科</a></li>
							<li><a href="home-categories-articles.html">Java基础</a></li>
							<li><a href="articles-list.html">数据库</a></li>
							<li><a href="faq.html">FAQs</a></li>
							<li><a href="#">皮肤</a>
								<ul class="sub-menu">
									<li><a href="blue-skin.html">Blue Skin</a></li>
									<li><a href="green-skin.html">Green Skin</a></li>
									<li><a href="red-skin.html">Red Skin</a></li>
									<li><a href="index-2.html">Default Skin</a></li>
								</ul></li>
							<li><a href="#">更多精彩</a>
								<ul class="sub-menu">
									<li><a href="full-width.html">Full Width</a></li>
									<li><a href="elements.html">Elements</a></li>
									<li><a href="page.html">Sample Page</a></li>
								</ul></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</nav>
				<!-- End of Main Navigation -->

			</div>
		</header>
	</div>
	<!-- End of Header -->

	<!-- Start of Search Wrapper -->
	<div class="search-area-wrapper">
		<div class="search-area container">
			<h3 class="search-header">解惑,我们是专业的!</h3>
			<p class="search-tag-line">请输入要查询的问题!</p>

			<form id="search-form" class="search-form clearfix" method="post"
				action="qt?op=search" autocomplete="off">
				<input class="search-term required" list="dl" type="text" id="s"
					name="s" placeholder="请输入..." title="* Please enter a search term!" />
				<datalist id="dl">
					<option value="java多继承" label="java"></option>
					<option value="java线程" label="java"></option>
					<option value="java序列化" label="java"></option>
					<option value="HTML5" label="前端"></option>
				</datalist>
				<input class="search-btn" type="submit" value="嗖一下" />
				<div id="search-error-container"></div>
			</form>
		</div>
	</div>
	<!-- End of Search Wrapper -->

	<!-- Start of Page Container -->
	<div class="page-container">
		<div class="container">
			<div class="row">

				<!-- start of page content -->
				<div class="span8 page-content">

					<!-- Basic Home Page Template -->
					<div class="row separator">
						<section class="span4 articles-list">
							<h3>问题列表</h3>
							<ul class="articles" id="qList">
								<c:forEach items="${qList }" var="q">
									<li class="article-entry standard">
										<h4>
											<a href="qt?op=qDetail&id=${q.qid} ">${q.title }</a>
										</h4> <span class="article-meta">${q.qdate }<a href="#"
											title="作者">${q.userName }</a></span> <span class="like-count">66</span>
									</li>
								</c:forEach>


							</ul>
							<div id="qPage"></div>
						</section>

						<section class="span4 articles-list">
							<h3>最新问题</h3>
							<ul class="articles">
							<c:forEach items="${lqList }" var="q">
									<li class="article-entry standard">
										<h4>
											<a href="qt?op=qDetail&id=${q.qid} ">${q.title }</a>
										</h4> <span class="article-meta">${q.qdate }<a href="#"
											title="作者">${q.userName }</a></span> <span class="like-count">66</span>
									</li>
								</c:forEach>
								
							</ul>
						</section>
					</div>
				</div>
				<!-- end of page content -->

				<!-- start of sidebar -->
				<aside class="span4 page-sidebar">

					<section class="widget">
						<div class="support-widget">
							<h3 class="title">Support</h3>
							<p class="intro">Need more support? If you did not found an
								answer, contact us for further help.</p>
						</div>
					</section>

					<section class="widget">
						<div class="quick-links-widget">
							<h3 class="title">Quick Links</h3>
							<ul id="menu-quick-links" class="menu clearfix">
								<li><a href="index-2.html">Home</a></li>
								<li><a href="articles-list.html">Articles List</a></li>
								<li><a href="faq.html">FAQs</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
					</section>

					<section class="widget">
						<h3 class="title">Tags</h3>
						<div class="tagcloud">
							<a href="#" class="btn btn-mini">basic</a> <a href="#"
								class="btn btn-mini">beginner</a> <a href="#"
								class="btn btn-mini">blogging</a> <a href="#"
								class="btn btn-mini">colour</a> <a href="#" class="btn btn-mini">css</a>
							<a href="#" class="btn btn-mini">date</a> <a href="#"
								class="btn btn-mini">design</a> <a href="#" class="btn btn-mini">files</a>
							<a href="#" class="btn btn-mini">format</a> <a href="#"
								class="btn btn-mini">header</a> <a href="#" class="btn btn-mini">images</a>
							<a href="#" class="btn btn-mini">plugins</a> <a href="#"
								class="btn btn-mini">setting</a> <a href="#"
								class="btn btn-mini">templates</a> <a href="#"
								class="btn btn-mini">theme</a> <a href="#" class="btn btn-mini">time</a>
							<a href="#" class="btn btn-mini">videos</a> <a href="#"
								class="btn btn-mini">website</a> <a href="#"
								class="btn btn-mini">wordpress</a>
						</div>
					</section>

				</aside>
				<!-- end of sidebar -->
			</div>
		</div>
	</div>
	<!-- End of Page Container -->

	<!-- Start of Footer -->
	<footer id="footer-wrapper">
		<div id="footer" class="container">
			<div class="row">

				<div class="span3">
					<section class="widget">
						<h3 class="title">How it works</h3>
						<div class="textwidget">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
								sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
								aliquam erat volutpat.</p>
							<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
								ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
								consequat.</p>
						</div>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Categories</h3>
						<ul>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced
									Techniques</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Designing
									in WordPress</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Server
									&amp; Database</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme
									Development</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Website
									Dev</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress
									for Beginners</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress
									Plugins</a></li>
						</ul>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Latest Tweets</h3>
						<div id="twitter_update_list">
							<ul>
								<li>No Tweets loaded !</li>
							</ul>
						</div>
					<!-- 	<script
							src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"
							type="text/javascript"></script> -->
					<!-- 	<script type="text/javascript">
							getTwitters("twitter_update_list", {
								id : "960development",
								count : 3,
								enableLinks : true,
								ignoreReplies : true,
								clearContents : true,
								template : "%text% <span>%time%</span>"
							});
						</script> -->
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Flickr Photos</h3>
						<div class="flickr-photos" id="basicuse"></div>
					</section>
				</div>

			</div>
		</div>
		<!-- end of #footer -->

		<!-- Footer Bottom -->
		<div id="footer-bottom-wrapper">
			<div id="footer-bottom" class="container">
				<div class="row">
					<div class="span6">
						<p class="copyright">
							Copyright © 2013. All Rights Reserved by KnowledgeBase.Collect
							from <a href="http://www.cssmoban.com/" title="网页模板"
								target="_blank">网页模板</a>
						</p>
					</div>
					<div class="span6">
						<!-- Social Navigation -->
						<ul class="social-nav clearfix">
							<li class="linkedin"><a target="_blank" href="#"></a></li>
							<li class="stumble"><a target="_blank" href="#"></a></li>
							<li class="google"><a target="_blank" href="#"></a></li>
							<li class="deviantart"><a target="_blank" href="#"></a></li>
							<li class="flickr"><a target="_blank" href="#"></a></li>
							<li class="skype"><a target="_blank" href="skype:#?call"></a>
							</li>
							<li class="rss"><a target="_blank" href="#"></a></li>
							<li class="twitter"><a target="_blank" href="#"></a></li>
							<li class="facebook"><a target="_blank" href="#"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- End of Footer Bottom -->

	</footer>
	<!-- End of Footer -->

	<a href="#top" id="scroll-top"></a>

	<!-- script -->
	<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
	<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
	<script type='text/javascript'
		src='js/prettyphoto/jquery.prettyPhoto.js'></script>
	<script type='text/javascript' src='js/jflickrfeed.js'></script>
	<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
	<script type='text/javascript' src='js/jquery.form.js'></script>
	<script type='text/javascript' src='js/jquery.validate.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>

</body>
<!-- layui js -->
<script src="layui/layui.js" charset="utf-8"></script>
<script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
	  laypage.render({
		    elem: 'qPage'
		   ,limit:${pdata.pageSize}
		    ,count:${pdata.total} //数据总数
		    ,jump: function(obj, first){
		        //首次不执行
		        if(!first){
		          $.get("qt?op=qajax&pageSize="+obj.limit+"&page="+obj.curr,function(data){
		        	  $("#qList").empty();
		        	  $.each(data,function(index,q){
		        		  $("#qList").append("<li class='article-entry standard'><h4><a href='qt?op=qDetail&id='"+q.qId+">"+q.title+"</a></h4> <span class='article-meta'>"+q.qdate+"<a href='#''title='作者'>"+q.userName+"</a></span> <span class='like-count'>66</span></li>");
		        	  });
		          });
		          }
		        }
		  });
	
});
</script>
</html>